@import url("fonts.css?v=3");
@import url("pure-min.css?v=1");

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 16px;
	font-family: advancedtomato,  "Microsoft Yahei",  "Helvetica Neue", "Helvetica", "Hiragino Sans GB";

}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-size: .875rem;
	background-color: #eee;
}
body div {
    line-height: 150%;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}
::selection {
	background-color: #eee;
	color: #ED840F;
}
a:link, a:visited, a:active {
	color: #c65621;
	text-decoration: none
}
a {
	color: #c65621;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
li {
	list-style-type: none
}
/*** Main Loading ***/


.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ED840F;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}



code {
    color: #0099CC;
}

abbr {
    color: #005470;
    text-decoration: underline;
    cursor: help;
}

hr {
    margin: 1rem 0;
    border-color: #EEE;
    opacity: 0.1;
}
.main {
    top: 4rem;
    bottom: 0rem;
    position: relative;
    height: 100%;
    height: calc(100% - 4rem);
}

.main>.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: block;
	background-color: rgba(239,195,145,1.00);
	top: 0;
}

.main>.loading>span {
    display: block;
    text-align: center;
    margin-top: 2rem;
    color: #888;
    font-size: 1.2rem;
}

.main>.loading>span>.loading-img:before {
    content: "\e603";
}

.main>.loading>span>.loading-img {
    animation: anim-rotate 2s infinite linear;
    margin-right: 0.2rem;
    display: inline-block;
}

@keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.pull-right {
	float: right
}
.pull-left {
	float: left
}

header {
	width: 100%;
	padding: 0 0 0 0;
	position: relative
}
header .container {
	margin-top: .5rem;
	padding: .5rem 1rem 0 1rem
}
header .container .pull-right>* {
	position: relative;
	top: .4rem;
	cursor: pointer
}
header::after {
	content: "";
	position: absolute;
	height: 2rem;
	width: 100%;
	background-color: #f36c21 !important;
}
header.bg-primary {
	background-color: #f36c21 !important;
}
header .fill {
	padding: .8rem 0;
	border-bottom: 0 solid rgba(255,255,255,0.08) !important
}
header .fill .container {
	height: 3rem;
	padding: 0 1.25rem;
	background: #333;
	background-color:#333;
}
header>.container>.brand, header > .fill > .container > .brand {
	font-size: 1.3rem;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding-left: 1rem;
	cursor: default;
	vertical-align: text-bottom;
	display: none
}

footer {
	text-align: right;
	padding: 1rem;
	color: #aaa;
	font-size: .8rem
}
footer a {
	color: #aaa;
	text-decoration: none
}

.main {
	top: 0rem;
	bottom: 0rem;
	position: relative;
	height: 100%;
	width: 100%;
	height: calc(100% - 1rem)
}
.main .main-left {
	float: left;
	width: calc(0% + 15rem);
	height: 100%;
	background-color: #222 !important;
	overflow-x: auto;
	position: fixed;
	z-index: 100;
}
.main .main-left::-webkit-scrollbar {
width:5px;
height:1px
}
.main .main-left::-webkit-scrollbar-thumb {
background-color:#f6f9fc;
}
.main .main-left::-webkit-scrollbar-track {
background-color:#fff;
}
.main .main-left .sidenav-header {
	padding: 1.3rem;
	background: #f36c21;
	background-color:#f36c21;
}
.main .main-left .sidenav-header .brand {
	font-size: 1.2rem;
	color: #fff;
	padding-left: 25px;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 600!important;
	cursor: default;
	vertical-align: text-bottom;
	white-space: nowrap
}
	
.main .main-left .nav {
	margin-top: .5rem;
	font-size: 11pt
}
.main .main-left .nav li {
	padding: 0rem;
	cursor: pointer
}
.slide-menu {
	overflow: hidden
}
.main .main-left .nav li a {
	 display: block;
	color: #ae6642
}
.main .main-left .nav li:nth-last-child(1) {
	height: 40px;
	font-size: 11pt
}
.main .main-left .nav li:nth-last-child(1) .menu:after {
	content: ""
}
.main .main-left .nav li.slide {
	padding: 0
}
.main .main-left .nav .slide ul {
	display: none;
	list-style: dotted
}
.main .main-left .nav li.slide ul li a {
	position: relative;
	margin: .1rem 1rem .1rem 3rem;
	padding: .5rem 0 .5rem 0;
	text-decoration: none;
	white-space: nowrap;
	color: #ae6642;
	transition: all .2s;
	font-size: .875rem
}
.main .main-left .nav li.slide ul li a::after {
	content: "";
	position: absolute;
	width: 00%;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #683802;
	transition: all .2s
}
.main .main-left .nav li.slide ul li a:hover::after {
	color: #683802;
	width: 100%
}
.main .main-left .nav li.slide .menu {
	display: block;
	padding: .675rem 0 .675rem 3rem;
	border-radius: .375rem;
	text-decoration: none;
	cursor: default;
	font-size: 1rem;
	transition: all .1s;
	position: relative
}
.main .main-left .nav li.slide .menu::before {
	font-family: 'advancedtomato' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: .8rem;
	content: "\e903";
	color: #fe7a00;
}
.main .main-left .nav li.slide .menu::after {
	position: absolute;
	right: .5rem;
	top: .8rem;
	font-family: 'advancedtomato' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	content: '\e90f';
	transition: all .15s ease;
	color: #ae6642;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all .3s
}
.main .main-left .nav li.slide .menu:hover a::after, .main .main-left .nav li.slide .menu.active a::after {
	cursor: pointer;
	color: #fe7a00;
	background: #ced4da;
	width: 100%
}
.main > .main-left > .nav > .slide > .menu.active::before,
.main .main-left .nav li.slide .menu:hover::after, .main .main-left .nav li.slide .menu.active::after {
	color: #fe7a00!important
}
.main .main-left .nav li.slide .menu.active::after {
	transform: rotate(90deg)
}
.main .main-left .nav li.slide .menu:hover, .main .main-left .nav li.slide .menu.active {
	background: #333;
	color: #fe7a00
}
.main .main-left .nav li.slide .menu:hover a, .main .main-left .nav li.slide .menu.active a,
.main .main-left .nav li.slide .menu:hover::before, .main .main-left .nav li.slide .menu.active::before {
	color: #fe7a00 !important
}


.main .main-left .nav li.slide .menu[data-title=Status]:before {
	content: "\e913";
	color: #5AA9EB;
}
.main .main-left .nav li.slide .menu[data-title=System]:before {
	content: "\e90a";
	color: #801800
}
.main .main-left .nav li.slide .menu[data-title=Services]:before {
	content: "\e909";
	color: #8965e0
}
.main .main-left .nav li.slide .menu[data-title=NAS]:before {
	content: "\e90c";
	color: #6F046E;
}
.main .main-left .nav li.slide .menu[data-title=VPN]:before {
	content: "\e90b";
	color: #6F5704;
}
.main .main-left .nav li.slide .menu[data-title=Network]:before {
	content: "\e908";
	color: #2C3FD5;
}
.main .main-left .nav li.slide .menu[data-title=Bandwidth_Monitor]:before {
	content: "\e901";
	color: #289408;
}
.main .main-left .nav li.slide .menu[data-title=Docker]:before {
	content: "\e911";
	color: #974A07;
}
.main .main-left .nav li.slide .menu[data-title=Statistics]:before {
	content: "\e914";
	color: #61049F;
}
.main .main-left .nav li.slide .menu[data-title=Control]:before {
	content: "\e910";
	color: #04596F;
}
.main .main-left .nav li.slide .menu[data-title=Asterisk]:before {
	content: "\e90e";
	color: #8B7014;
}
.main .main-left .nav li.slide .menu[data-title=Logout]:before {
	content: "\e907";
	color: #B12527;
}
.main .main-left .nav li.slide .slide-menu li a {
	position: relative;
	margin: .1rem .8rem .1rem 3rem;
	padding: .5rem 0 .5rem 0;
	text-decoration: none;
	white-space: nowrap;
	color: #a55830;
	transition: all .2s;
	font-size: .875rem
}
.main .main-left .nav .slide .slide-menu .active {
	background-color: #683802
}

.main .main-left .nav .slide .slide-menu .active a {
	color: #fe7a00;
	font-size: 0.9rem
}

.main .main-left .nav .slide .slide-menu li:active,
.main .main-left .nav .slide .slide-menu li:hover {
	background: #683802;
	color: #fe7a00
}

.main .main-left .nav .slide .slide-menu li:active a,
.main .main-left .nav .slide .slide-menu li:hover a{
	color: #fe7a00;
	font-size:1.01rem;
}
li {
	list-style-type: none
}
.main .main-right { 
	width: calc(100% - 15rem);
	float: right;
	height: auto;
	transition: width .3s ease-in-out
}
.main .main-right #maincontent {
	position: relative;
	z-index: 50
}
.main .main-right #maincontent .container {
	margin: 0 1.25rem 1rem 1.25rem
}

.main .main-right #maincontent .container p {
	color: #763D11;
	line-height: 1.5em
}
.main .main-right #maincontent .container>div:nth-child(1).alert-message.warning>a {
	font: inherit;
	overflow: visible;
	text-transform: none;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	min-width: 6rem;
	padding: .5rem 1rem;
	font-size: .9rem;
	line-height: 1.42857143;
	color: #fff;
	background-color: #5F1313;
	border-color: #5F1F13;
	margin-top: 2rem;
	text-decoration: inherit
}
.main .loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F4BF8B;
	top: 0
}
.main .loading span {
	display: block;
	text-align: center;
	margin-top: 2rem;
	color: #fe7a00;
	font-size: 2rem
}
.main .loading span .loading-img {
	animation: anim-rotate 2s infinite linear;
	margin-right: .4rem;
	display: inline-block
}
.main .loading span .loading-img::before {
	content: "\e903"
}
.cbi-button {
	-webkit-appearance: none;
	text-transform: uppercase;
	height: auto;
	color: rgba(0,0,0,0.87);
	background-color: #F0F0F0;
	transition: all .2s ease-in-out;
	display: inline-block;
	padding: .75rem .8rem;
	border: none;
	border-radius: .2rem;
	cursor: pointer;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background-image: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: .875rem;
	width: auto !important;
	line-height: 1em
}
.cbi-button:hover, .cbi-button:focus, .cbi-button:active {
	outline: 0;
	text-decoration: none
}
.cbi-button:hover, .cbi-button:focus {
	box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.2)
}
.cbi-button:active {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.cbi-button:disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .6;
	box-shadow: none
}
.cbi-button-check {
	margin-top: .25rem !important
}
form.inline+form.inline, .cbi-button+.cbi-button {
	margin-left: 0rem
}
.cbi-button-reset, .cbi-input-remove {
	color: #fff !important;
	background-color: #f0ad4e !important;
}
 .cbi-input-save,  .cbi-button-save, .cbi-input-reload, .cbi-button-reload {
	color: #fff !important;
	background-color: #337ab7 !important;
}
.cbi-input-find,  .cbi-button-add,  .cbi-button-find, .cbi-input-add  {
	color: #fff !important;
	background-color: #299e00!important;
	border-color: #268f00 !important
}
.cbi-value-field .cbi-input-apply, .cbi-button-apply, .cbi-button-edit, .cbi-input-edit {
	color: #fff !important;
	background-color: #fe7a00!important;
	border-color: #fe7800 !important;
}
.cbi-button-add {
	margin-left: 1.5rem
}
.node-services-vssr .ssr-button {
	margin-left: .3rem
}
.cbi-section-remove>.cbi-button, .cbi-button-remove {
	color: #fff !important;
	background-color: #fb6340 !important;
	border-color: #fb6340 !important
}
.cbi-value-field .cbi-button-add, .cbi-value-field .cbi-button-remove, .cbi-value-field .cbi-button-neutral {
	min-width: 2.5rem !important
}
.cbi-value input[type="password"], .cbi-value input[type="text"] {
	min-width: 15rem
}
.cbi-value-field .cbi-dropdown {
	min-width: 15rem
}
select {
	min-width: 20rem;
	appearance: none;
	-webkit-appearance: none;
	background-image: url('') !important;
	background-position: 96%;
	background-size: 8px;
	background-repeat: no-repeat
}
.th[data-type="button"], .td[data-type="button"], .th[data-type="fvalue"], .td[data-type="fvalue"] {
	flex: 1 1 2em;
	text-align: center
}
.cbi-input-textarea {
	width: 100%;
	min-height: 14rem;
	padding: .8rem;
	font-size: .8rem;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black
}
.uci-change-list {
	font-family: "advancedtomato"
}
.uci-change-list ins, .uci-change-legend-label ins {
	text-decoration: none;
	border: 1px solid #00FF00;
	background-color: #CCFFCC;
	display: block;
	padding: 2px
}
.uci-change-list del, .uci-change-legend-label del {
	text-decoration: none;
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	display: block;
	font-style: normal;
	padding: 2px
}
.uci-change-list var, .uci-change-legend-label var {
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	display: block;
	font-style: normal;
	padding: 2px
}
.uci-change-list var ins, .uci-change-list var del {
	border: none;
	white-space: pre;
	font-style: normal;
	padding: 0px
}
.uci-change-list ins strong {
	display: inline
}
.uci-change-legend {
	padding: 5px
}
.uci-change-legend-label {
	display: flex;
	align-items: center;
	width: auto;
	float: left;
	margin-right: 2rem
}
.uci-change-legend-label>ins, .uci-change-legend-label>del, .uci-change-legend-label>var {
	float: left;
	margin-right: 4px;
	width: 10px;
	height: 10px;
	display: block
}
.uci-change-legend-label var ins, .uci-change-legend-label var del {
	line-height: 0;
	border: none
}
.uci-change-list var, .uci-change-list del, .uci-change-list ins {
	padding: .5rem
}
input[type="checkbox"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 1px solid #dee2e6;
	width: 16px !important;
	height: 16px !important;
	padding: 0;
	cursor: pointer;
	transition: all .2s;
	margin: .9rem .25rem 0 .25rem
}
input[type="checkbox"]:checked {
	border: 1px solid #fe7a00; 
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important;
	background-color: #fe7a00; 
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center
}
ul li .cbi-input-checkbox {
	margin: .5rem .25rem !important
}
.cbi-input-radio {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 1px solid #dee2e6;
	width: 16px !important;
	height: 16px !important;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: all .2s;
	margin: .25rem 0
}
.cbi-input-radio:checked {
	border: 1px solid #fe7a00; 
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important;
	background-color: #fe7a00;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center
}
.toggle {
	position: relative;
	display: block;
	width: 40px;
	height: 20px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transform: translate3d(0, 0, 0);
	margin: 1em 0
}
.toggle:before {
	content: "";
	position: relative;
	top: 3px;
	left: 3px;
	width: 34px;
	height: 14px;
	display: block;
	background: #9A9999;
	border-radius: 8px;
	transition: background .2s ease
}
.toggle span {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	display: block;
	background: white;
	border-radius: 10px;
	box-shadow: 0 3px 8px rgba(154,153,153,0.5);
	transition: all .2s ease
}
.toggle span:before {
	content: "";
	position: absolute;
	display: block;
	margin: -18px;
	width: 56px;
	height: 56px;
	background: rgba(79,46,220,0.5);
	border-radius: 50%;
	transform: scale(0);
	opacity: 1;
	pointer-events: none
}
.cbi-input-checkbox:checked+.toggle:before {
	background: #947ADA
}
.cbi-input-checkbox:checked+.toggle span {
	background: #4F2EDC;
	transform: translateX(20px);
	transition: all .2s cubic-bezier(.8, .4, .3, 1.25), background .15s ease;
	box-shadow: 0 3px 8px rgba(79,46,220,0.2)
}
.cbi-input-checkbox:checked+.toggle span:before {
	transform: scale(1);
	opacity: 0;
	transition: all .4s ease
}
.cbi-value-field .cbi-input-checkbox, .cbi-value-field .cbi-input-radio {
	margin-top: .5rem;
	height: 1rem
}
.td .cbi-input-checkbox, .td .cbi-input-radio {
	margin-top: 0
}
.cbi-value-field>input+.cbi-value-description {
	padding: 0
}
.cbi-value-field>ul>li {
	display: flex
}
.cbi-value-field>ul>li>label {
	margin-top: 0rem
}
.cbi-value-field>ul>li .ifacebadge {
	background-color: #eee;
	margin-left: .4rem;
	margin-top: -0.5rem
}
.cbi-section-table-row>.cbi-value-field .cbi-dropdown {
	min-width: 7rem
}
.cbi-section-create {
	margin: 0;
	padding-left: 1rem;
	align-items: center
}
.cbi-section-create>* {
	margin: .25rem
}
.cbi-section-remove {
	padding: .5rem
}
div.cbi-value var, td.cbi-value-field var, .td.cbi-value-field var {
	font-style: italic;
	color: #0069D6
}
small {
	font-size: 90%;
	white-space: normal;
	line-height: 1.42857143
}
.cbi-button-up, .cbi-button-down {
	display: inline-block;
	min-width: 0;
	padding: .2rem .6rem;
	font-size: 1.2rem;
	color: #fe7a00 !important;
}
.cbi-optionals {
	padding: 1rem 1rem 0 1rem;
	border-top: 1px solid #CCC
}
.cbi-dropdown-container {
	position: relative
}
.cbi-tooltip-container {
	cursor: help
}
.cbi-tooltip {
	position: absolute;
	z-index: 1000;
	left: -1000px;
	opacity: 0;
	transition: opacity .25s ease-out;
	pointer-events: none;
	box-shadow: 0 0 2px #444
}
.cbi-tooltip-container:hover .cbi-tooltip {
	left: auto;
	opacity: 1;
	transition: opacity .25s ease-in
}
.cbi-map-descr+fieldset {
	margin-top: 1rem
}
.cbi-section>legend {
	display: none !important
}
.cbi-section-error {
	padding: 1.5rem;
	color: #fb6340;
	font-weight: 600
}
fieldset>fieldset {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none
}
.zonebadge .cbi-tooltip {
	padding: .25rem;
	background: inherit;
	margin: -1.5rem 0 0 -0.5rem
}
.zonebadge-empty {
	background: repeating-linear-gradient(45deg, rgba(204,204,204,0.5), rgba(204,204,204,0.5) 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5) 10px);
	color: #404040
}
.zone-forwards {
	display: flex;
	min-width: 10rem
}
.zone-forwards>* {
	flex: 1 1 45%
}
.zone-forwards>span {
	flex-basis: 10%;
	text-align: center;
	padding: 0 .25rem
}
.zone-forwards .zone-src, .zone-forwards .zone-dest {
	display: flex;
	flex-direction: column
}
#diag-rc-output>pre {
	background-color: #fff;
	display: block;
	padding: 8.5px;
	margin: 0 0 18px;
	line-height: 1.5rem;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1.4rem;
	color: #404040
}
input[name="ping"], input[name="traceroute"], input[name="nslookup"] {
	width: 80%
}
/* fix progress bar */
#swaptotal>div, #swapfree>div, #memfree>div, #membuff>div, #conns>div, #memtotal>div {
	width: 100% !important;
	height: 1.6rem !important;
	line-height: 1.6rem;
	border-radius: .25rem
}
#swaptotal>div>div, #swapfree>div>div, #memfree>div>div, #membuff>div>div, #conns>div>div, #memtotal>div>div {
	height: 100% !important;
	background-color: #fc8e2d !important;
}

/* fix multiple table */

table table, .table .table {
	border: none
}
.cbi-value-field table, .cbi-value-field .table {
	border: none
}
td>table>tbody>tr>td, .td>.table>.tbody>.tr>.td {
	border: none
}
.cbi-value-field>table>tbody>tr>td, .cbi-value-field>.table>.tbody>.tr>.td {
	border: none
}
.cbi-page-actions .cbi-button-apply, .cbi-section-actions .cbi-button-edit, .cbi-button-edit.important, .cbi-button-apply.important, .cbi-button-reload.important, .cbi-button-action.important {
	color: #fff;
	background-color: #337ab7
}
.cbi-page-actions .cbi-button-save, .cbi-button-add.important, .cbi-button-save.important, .cbi-button-positive.important {
	color: #fff;
	background-color: #299e00
}
.cbi-button-remove.important, .cbi-button-reset.important, .cbi-button-negative.important {
	color: #fff;
	background-color: #d9534f
}
.cbi-button-find, .cbi-button-link, .cbi-button-neutral {
	color: #fff !important;
	border: 1px solid #f0ad4e !important;
	background-color: #f0ad4e !important
}
.cbi-button-edit, .cbi-button-apply, .cbi-button-reload, .cbi-button-action {
	color: #fff;
	border: 1px solid #2e6da4;
	background-color: transparent
}
.cbi-page-actions .cbi-button-apply+.cbi-button-save, .cbi-button-add, .cbi-button-save, .cbi-button-positive {
	color: #fff;
	border: 1px solid #299e00;
	background-color: transparent
}
.cbi-section-remove>.cbi-button, .cbi-button-remove, .cbi-button-reset, .cbi-button-negative {
	color: #fff !important;
	background-color: #d83c88 !important
}
.cbi-page-actions .cbi-button-link:first-child {
	float: left
}
.a-to-btn {
	text-decoration: none
}
/* table */

.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
	width: auto !important;
	background-color: #e9ecef;
}
.td.cbi-section-actions {
	text-align: right;
	vertical-align: middle
}
.td.cbi-section-actions>* {
	display: flex
}
.td.cbi-section-actions>*>*, .td.cbi-section-actions>*>form>* {
	flex: 1 1 4em;
	margin: 0 1px
}
.td.cbi-section-actions>*>form {
	display: inline-flex;
	margin: 0
}
.main>.main-right>.login-bg {
    display: none;
}
/* desc */

/* luci */

.hidden {
	display: none
}
.left, .left::before {
	text-align: left !important
}
.right, .right::before {
	text-align: right !important
}
.center, .center::before {
	text-align: center !important
}
.top {
	align-self: flex-start !important;
	vertical-align: top !important
}
.bottom {
	align-self: flex-end !important;
	vertical-align: bottom !important
}
.inline {
	display: inline
}
.cbi-page-actions {
	border-top: 0 solid #eee;
	padding-top: 0rem;
	text-align: right
}
 
#xhr_poll_status {
	cursor: pointer;
	padding-top: -2rem;
	display: inline-block
	
}
#xhr_poll_status>.label.success {

	background-color: #299e00 !important;
	color: #fff   !important
}
#xhr_poll_status>.label {
	background-color: #fff !important;
	color: #f36c21   !important
}
.label {
	padding: .3rem .8rem;
	font-size: .8rem;
	font-weight: bold;
	color: #ffffff !important;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #bfbfbf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none;
	text-decoration: none
}
.notice {
	background-color: #5BC0DE
}
.showSide {
	display: none;
	color: #fff;
	font-size: 1.4rem
}
.darkMask {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.56);
	z-index: 99;
	left: 0;
	top: 0;
	display: none
}
#cbi-firewall-redirect table *, #cbi-network-switch_vlan table *, #cbi-firewall-zone table * {
	font-size: small
}
#cbi-firewall-redirect table input[type="text"], #cbi-network-switch_vlan table input[type="text"], #cbi-firewall-zone table input[type="text"] {
	width: 5rem
}
#cbi-firewall-redirect table select, #cbi-network-switch_vlan table select, #cbi-firewall-zone table select {
	min-width: 3.5rem
}
#cbi-network-switch_vlan .th, #cbi-network-switch_vlan .td {
	flex-basis: 12%
}
/* language fix */
body.lang_pl.node-main-login .cbi-value-title {
	width: 12rem
}

/* fix Main Login*/
.node-main-login>.main>.main-right>header {
    background: none !important;
    box-shadow: none !important;
    display: none;
}

.node-main-login>.main>.main-right>header>.fill>.container {
    margin: 2rem auto;
    max-width: 1140px;
}

.node-main-login>.main>.main-right>header>.fill>.container>.brand {
    display: none;

}

.node-main-login>.main {
    top: 0;
    height: 100% !important;
}

.node-main-login>.main>.main-left {
    display: none;
}

.node-main-login > .main > .main-right {
	width: 100%;
}

.node-main-login>.main>.main-right>.login-bg {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-color: #000;
    background-position: top center;
    transition: all 0.5s;
}

.node-main-login>.main>.main-right>.login-bg.blur {
    transform: scale(1.05);
    -webkit-filter: blur(5px);
    /* Chrome, Safari, Opera */
    filter: blur(5px);
}

.node-main-login>.main>.main-right>#maincontent {
    padding-top: 23vh;
    height: 100%;
    background-color: transparent !important;
    margin-top: 0rem;
}

.node-main-login>.main fieldset,
.node-main-login>.main .cbi-section,
.node-main-login>.main .cbi-section>.cbi-section-node {
    padding: 0.5rem;
    margin: 0rem;
    background: none;
    border: none;
    box-shadow: none;
    overflow: hidden;
}

.node-main-login>.main #maincontent {
    text-align: center;
}

.node-main-login>.main .container {
	display: inline-block;
	padding: 2rem 2rem;
	position: relative;
	margin-top: 2rem !important;
	background-color: #D5CAB6 !important;
	border-radius: .375rem;
	box-shadow: rgba(0,0,0,0.75) 0 0 35px -5px;
	background: transparent;
}

.node-main-login>.main .container h2 {
    width: 120px;
    height: 120px;
    color: #fff;
    text-align: center;
    letter-spacing: 4px;
    display: block;
    margin: -100px auto 15px auto;
    padding: 0;
    text-indent: -500px;
    overflow: hidden;
    border-radius: 60px;
    border: #fff 3px solid;

    background-image: url(../logo.png);
    background-size: cover;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);

}

.node-main-login>.main .container .cbi-map-descr {
	display: none;
}

.node-main-login>.main .container .cbi-section-node {
    padding: 0;
}


.node-main-login>.main .container .cbi-value-field input {
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: calc(2.75rem + 2px);
    padding: .625rem .75rem;
    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
    color: #8898aa;
    border: 0px solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}

.node-main-login>.main .container .cbi-value-field input:focus{
    color: #8898aa;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1)
}

.node-main-login>.main .container input.cbi-button {
    font-size: 1rem;
    height: auto;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .2em;
    text-transform: none;
    padding: .625rem 1.25rem;
    will-change: transform;
    line-height: 1.5em;
	min-width: 18rem;
}

.node-main-login>.main form>div:nth-last-child(1) {
    text-align: center;
    border-top: 0;
    padding-top: 4rem;
}

.node-main-login>.main .cbi-button-reset {
    display: none !important;
}
.node-main-login>.main .cbi-value{
	margin-bottom:10px;
	display: block;
}

.node-main-login>.main .cbi-value>* {
    display: inline-block !important;
}
.node-main-login>.main .cbi-value.cbi-value .cbi-value-title,
.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-title {
    display: none !important;
}

.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-text {
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    transition: box-shadow .15s ease;
    border-radius: .375rem;
    box-sizing: border-box;
    padding-left: 3em;
    margin: 0;
}

.node-main-login>.main .cbi-value.cbi-value .cbi-input-user,
.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-password,
.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-text[type="password"] {
	box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    transition: box-shadow .15s ease;
    border-radius: .375rem;
    box-sizing: border-box;
    padding-left: 3em;
    margin: 0;
	
}

.node-main-login>.main .cbi-value.cbi-value .cbi-value-field,
.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field {
    position: relative;
	width: 18rem;
}

.node-main-login>.main .cbi-value.cbi-value .cbi-value-field:before {
    font-family: 'advancedtomato' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e971";
    color: #adb5bd;
    font-size: 1.5rem;
    position: absolute;
    z-index: 100;
    left: 10px;
    top: 10px;
}

.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field:before {
    font-family: 'advancedtomato' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    color: #adb5bd;
    font-size: 1.5rem;
    position: absolute;
    z-index: 100;
    left: 10px;
    top: 10px;
}

.node-main-login>.main .cbi-input-user,
.node-main-login>.main .cbi-input-password,
.node-main-login>.main .cbi-input-text[type="user"],
.node-main-login>.main .cbi-input-text[type="password"] {
    min-width: 15rem;
}

.node-main-login .errorbox,
.node-main-login .alert-message.warning {
	position: absolute;
	color: #fff;
	width: calc(100% - 4rem);
	border-color: #B76413;
	box-sizing: border-box;
	margin-bottom: 8rem;
	border-radius: 5px;
	padding: 1rem 2rem;
	text-align: center;
	background-color: #A3580F !important;
	/*padding-top: 4rem; */
}

.node-main-login footer {
	text-align: center;
	padding-top: 4rem;
	color: #aaa;
	font-size: .7rem
}
.node-main-login footer a {
	color: #aaa;
	text-decoration: none
}
 

/* applyreboot fix */
#applyreboot-container {
	margin: 2rem
}
#applyreboot-section {
	margin: 2rem;
	line-height: 300%
}
.table {
	display: table;
	position: relative;
	color: #525f7f;
	border-collapse: collapse
}
.tr {
	display: table-row;
	border-bottom: 1px solid rgba(0,0,0,0.05)
}
.thead {
	display: table-header-group
}
.tbody {
	display: table-row-group
}
.tfoot {
	display: table-footer-group
}
.td, .th {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	padding: 1rem;
	white-space: nowrap
}
.th {
	font-weight: bold
}
.tr.placeholder {
	height: 4em
}
.tr.placeholder>.td {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: inherit
}
.table[width="33%"], .th[width="33%"], .td[width="33%"] {
	width: 33%;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
.table[width="100%"], .th[width="100%"], .td[width="100%"] {
	width: 100%
}
.table-titles .th {
	padding: .75rem 1rem;
	color: #8898aa;
	background-color: #f6f9fc
}
.col-1 {
	flex: 1 1 30px !important;
	-webkit-flex: 1 1 30px !important
}
.col-2 {
	flex: 2 2 60px !important;
	-webkit-flex: 2 2 60px !important
}
.col-3 {
	flex: 3 3 90px !important;
	-webkit-flex: 3 3 90px !important
}
.col-4 {
	flex: 4 4 120px !important;
	-webkit-flex: 4 4 120px !important
}
.col-5 {
	flex: 5 5 150px !important;
	-webkit-flex: 5 5 150px !important
}
.col-6 {
	flex: 6 6 180px !important;
	-webkit-flex: 6 6 180px !important
}
.col-7 {
	flex: 7 7 210px !important;
	-webkit-flex: 7 7 210px !important
}
.col-8 {
	flex: 8 8 240px !important;
	-webkit-flex: 8 8 240px !important
}
.col-9 {
	flex: 9 9 270px !important;
	-webkit-flex: 9 9 270px !important
}
.col-10 {
	flex: 10 10 300px !important;
	-webkit-flex: 10 10 300px !important;
	white-space: inherit
}
.cbi-rowstyle-2 .cbi-button-up, .cbi-rowstyle-2 .cbi-button-down {
	background-color: #FFF !important
}
.cbi-button-up, .cbi-button-down, .cbi-value-helpicon, .showSide, .main>.loading>span {
	font-family: 'advancedtomato' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.cbi-button-up {
	transform: rotate(180deg)
}
select {
	padding: .36rem .8rem;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc
}
select, input {
	font-size: .875rem;
	transition: all .15s ease-in-out;
	line-height: 1.5;
	padding: .625rem .75rem;
	color: #8898aa;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: 0 3px 2px rgba(233,236,239,0.05);
	outline: none;
	transition: box-shadow .15s ease;
	margin: .25rem
}
select:not([multiple="multiple"]):focus, input:focus {
	border-color: #fe7a00;
	outline: 0;
	background-color: #fff;
	box-shadow: 0 3px 9px rgba(50,50,9,0), 3px 4px 8px rgba(94,114,228,0.1)
}
select[multiple="multiple"] {
	height: auto
}
code {
	color: #0099CC
}
abbr {
	color: #005470;
	text-decoration: underline;
	cursor: help
}
hr {
	margin: 1rem 0;
	border-color: #EEE;
	opacity: .1
}
.kpi {
	font-size: .875rem
}
fieldset[id^="cbi-apply-"] {
	position: fixed;
	z-index: 200;
	width: 20rem;
	margin-left: -10rem;
	margin-top: -5rem;
	height: 10rem;
	left: 50%;
	top: 50%;
	padding: 1rem;
	box-sizing: border-box;
	font-size: 1.2rem;
	text-align: center;
	box-shadow: rgba(0,0,0,0.75) 0 0 15px -5px;
	transition: all .3s
}
[id^="cbi-apply-"]>.panel-title {
	border-bottom: none
}
[id^="cbi-apply-"]>[id^="cbi-apply-"] {
	position: initial;
	width: auto;
	height: auto;
	font-size: .875rem;
	margin-left: 0rem;
	margin-top: .8rem;
	display: block
}
.cbi-section>h3:first-child, .panel-title {
	font-size: 1.125rem;
	width: 100%;
	display: block;
	margin: 0;
	padding: .8755rem 1.5rem;
	border-bottom: 1px solid #ddd;
	letter-spacing: .1rem;
	color: #32325d;
	font-weight: normal;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
table, .table {
	width: 100%
}
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th, .table>.tbody>.tr>.td, .table>.tbody>.tr>.th, .table>.tfoot>.tr>.td, .table>.tfoot>.tr>.th, .table>.thead>.tr>.td, .table>.thead>.tr>.th {
	padding: .5rem;
	border-top: 1px solid #ddd
}
.cbi-section-table-cell {
	white-space: nowrap;
	align-self: flex-end;
	flex: 1 1 auto
}
.cbi-section-table {
	font-size: .875rem;
	border: none;
	margin: 0 !important
}
.status-bar {
	font-size: .875rem
}
.cbi-section-table-row:last-child {
	margin-bottom: 0
}
.cbi-section-table-row>.cbi-value-field .cbi-input-select, .cbi-section-table-row>.cbi-value-field .cbi-input-text, .cbi-section-table-row>.cbi-value-field .cbi-input-password, .cbi-section-table-row>.cbi-value-field .cbi-dropdown {
	width: 100%
}
.cbi-section-table-row>.cbi-value-field [data-dynlist]>input, .cbi-section-table-row>.cbi-value-field input.cbi-input-password {
	width: calc(100% - 1.5rem)
}
div>table>tbody>tr:nth-of-type(2n), div>.table>.tbody>.tr:nth-of-type(2n) {
	background-color: #f9f9f9
}
div>table>tbody>tr:nth-of-type(2n), div>.table>.tbody>.tr:nth-of-type(2n) {
	background-color: #f9f9f9
}
.danger {
	background-color: #f5365c !important;
	color: #fff !important
}
.warning {
	background-color: #fb6340 !important;
	color: #fff !important
}
.notice {
	background-color: #fe7a00 !important;
	color: #fff !important
}
.success {
	background-color: #2dce89 !important;
	color: #fff !important
}
.errorbox, .alert-message {
	margin: 2rem 0 0 0;
	padding: 2rem;
	border: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	font-family: inherit;
	min-width: inherit;
	overflow: auto;
	border-radius: .3rem;
	background-color: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.12)
}
.errorbox {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}
.error {
	color: red
}
h1 {
	font-size: 2rem;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee
}
h2 {
	margin: 0 0 1rem 0;
	font-size: 1.25rem;
	letter-spacing: .1rem;
	padding: 1rem 1.5rem;
	color: #32325d;
	border-radius: .375rem;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,0.03)
}
#cbi-dropbear h2, #cbi-dropbear .cbi-map-descr, #cbi-dropbear .cbi-map-descr abbr, #cbi-rc h2, #cbi-rc .cbi-map-descr, #cbi-distfeedconf h2, #cbi-distfeedconf .cbi-map-descr, #cbi-customfeedconf h2, #cbi-customfeedconf .cbi-map-descr, #cbi-download h2, #cbi-filelist h2 {
	color: #32325d !important
}
h3 {
	font-size: 1.15rem;
	width: 100%;
	display: block;
	margin: 1rem 0;
	color: #32325d;
	font-weight: bold;
	letter-spacing: .1rem;
	padding: 1rem 1.5rem;
	border-radius: .375rem;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,0.03)
}
fieldset {
	margin: 1.25rem 0 0 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	font-family: inherit;
	min-width: inherit;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid rgba(0,0,0,0.05);
	border-radius: .375rem;
	background-color: #fff;
	box-shadow: 0 0 2rem 0 rgba(136,152,170,0.15);
	-webkit-overflow-scrolling: touch
}
fieldset>legend {
	display: none !important
}
fieldset>fieldset {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none
}
fieldset.cbi-section p {
	padding: 1em
}
.panel-title {
	width: 100%;
	display: block;
	margin-bottom: 0;
	padding: .8755rem 1.5rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0rem;
	letter-spacing: .1rem;
	color: #32325d;
	font-weight: 600
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%
}
table>tbody>tr>td, table>tfoot>tr>td, table>thead>tr>td {
	font-size: .875rem;
	color: #525f7f;
	line-height: 1.4em;
	vertical-align: middle !important;
	padding: .8rem 1.5rem;
	border-top: 1px solid #ddd
}
table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>th {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	color: #8898aa;
	background-color: #f6f9fc;
	font-size: .65rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid #e9ecef
}
table>tbody>tr:first-child>td, table>tfoot>tr:first-child>td, table>thead>tr:first-child>td {
	border-top: 0px
}
.cbi-section-table-cell {
	text-align: center
}
.cbi-section-table-row {
	text-align: center
}
fieldset>table>tbody>tr:nth-of-type(2n) {
	background-color: #f9f9f9
}
table table {
	border: none
}
.cbi-value-field table {
	border: none
}
td>table>tbody>tr>td {
	border: none
}
.cbi-value-field>table>tbody>tr>td {
	border: none
}
.tabs {
	margin: 0 0 1rem 0;
	padding: 0 1rem;
	background-color: #FFFFFF;
	border-radius: .375rem;
	box-shadow: 0 4px 8px rgba(0,0,0,0.03);
	white-space: nowrap;
	overflow-x: auto
}
.tabs::-webkit-scrollbar {
width:1px;
height:5px
}
.tabs::-webkit-scrollbar-thumb {
background-color:#f6f9fc
}
.tabs::-webkit-scrollbar-track {
background-color:#fff
}
.tabs li[class~="active"], .tabs li:hover {
	cursor: pointer;
	border-bottom: .18751rem solid #fe7a00;
	margin-bottom: 0;
	border-radius: 0
}
.tabs li[class~="active"] a, .tabs li:hover a {
	color: #fe7a00;
}
.tabs li {
	font-size: .875rem;
	display: inline-block;
	padding: .875rem 0;
	border-bottom: .18751rem solid rgba(0,0,0,0)
}
.tabs li a {
	text-decoration: none;
	color: #404040;
	padding: .5rem .8rem
}
.tabs li:hover {
	border-bottom: .18751rem solid #fe7a00;
}
.cbi-tabmenu {
	color: white;
	padding: .5rem 1rem 0 1rem;
	white-space: nowrap;
	overflow-x: auto;
	border-bottom: 1px solid #ddd !important
}
.cbi-tabmenu::-webkit-scrollbar {
width:1px;
height:5px
}
.cbi-tabmenu::-webkit-scrollbar-thumb {
background-color:#f6f9fc
}
.cbi-tabmenu::-webkit-scrollbar-track {
background-color:#fff
}
.cbi-tabmenu li {
	background: #dce3e9;
	display: inline-block;
	font-size: .875rem;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	padding: .5rem 0;
	border-bottom: .18751rem solid rgba(0,0,0,0)
}
.cbi-tabmenu li a {
	text-decoration: none;
	color: #404040;
	padding: .5rem .8rem
}
.cbi-tabmenu li:hover {
	cursor: pointer;
	border-top: .18751rem solid #fe7a00;
	color: #fe7a00;
	background-color: #fff;
	margin-bottom: 0
}
.cbi-tabmenu li:hover a {
	color: #525f7f
}
.cbi-tabmenu li[class~="cbi-tab"] {
	border-top: .18751rem solid #fe7a00;
	background-color: #fff;
	margin-bottom: 0
}
.cbi-tabmenu li[class~="cbi-tab"] a {
	color: #fe7a00;
}
.cbi-tab-descr {
	margin: 1rem 1.5rem;
	color: #32325d;
	font-size: small;
	line-height: 1.5em
}
.cbi-dropdown {
	display: inline-flex;
	cursor: pointer;
	position: relative;
	padding: 0;
	height: auto
}
.cbi-dropdown:focus {
	outline: 2px solid #4b6e9b
}
.cbi-dropdown>ul {
	margin: 0 !important;
	padding: 0;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	width: 100%
}
.cbi-dropdown>ul.preview {
	display: none
}
.cbi-dropdown>.open {
	border: 0 outset #eee;
	flex-basis: 15px;
	background: #fff
}
.cbi-dropdown>.open, .cbi-dropdown>.more {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	line-height: 2em;
	padding: 0 .25em
}
.cbi-dropdown>.more, .cbi-dropdown>ul>li[placeholder] {
	color: #777;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	display: none
}
.cbi-dropdown>ul>li {
	display: none;
	padding: .25em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-shrink: 1;
	flex-grow: 1;
	align-items: center;
	align-self: center;
	min-height: 20px
}
.cbi-dropdown>ul>li .hide-open {
	display: initial
}
.cbi-dropdown>ul>li .hide-close {
	display: none
}
.cbi-dropdown>ul>li[display]:not([display="0"]) {
	border-left: 1px solid #ccc
}
.cbi-dropdown[empty]>ul {
	max-width: 1px
}
.cbi-dropdown>ul>li>form {
	display: none;
	margin: 0;
	padding: 0;
	pointer-events: none
}
.cbi-dropdown>ul>li img {
	vertical-align: middle;
	margin-right: .25em
}
.cbi-dropdown>ul>li>form>input[type="checkbox"] {
	margin: 0;
	height: auto
}
.cbi-dropdown>ul>li input[type="text"] {
	height: 20px
}
.cbi-dropdown[open] {
	position: relative;
	border-color: #fe7a00;
}
.cbi-dropdown[open]>ul.dropdown {
	display: block;
	background: #fff;
	border-color: #fe7a00;
	position: absolute;
	z-index: 1000;
	max-width: none;
	min-width: 100%;
	width: auto;
	box-shadow: 0 1px 3px rgba(50,50,93,0.15), 0 1px 0 rgba(0,0,0,0.05)
}
.cbi-dropdown>ul>li[display], .cbi-dropdown[open]>ul.preview, .cbi-dropdown[open]>ul.dropdown>li, .cbi-dropdown[multiple]>ul>li>label, .cbi-dropdown[multiple][open]>ul.dropdown>li, .cbi-dropdown[multiple][more]>.more, .cbi-dropdown[multiple][empty]>.more {
	flex-grow: 1;
	display: flex;
	align-items: center
}
.cbi-dropdown[empty]>ul>li, .cbi-dropdown[optional][open]>ul.dropdown>li[placeholder], .cbi-dropdown[multiple][open]>ul.dropdown>li>form {
	display: block
}
.cbi-dropdown[open]>ul.dropdown>li .hide-open {
	display: none
}
.cbi-dropdown[open]>ul.dropdown>li .hide-close {
	display: initial
}
.cbi-dropdown[open]>ul.dropdown>li {
	border-bottom: 1px solid #ccc
}
.cbi-dropdown[open]>ul.dropdown>li[selected] {
	background: #b0d0f0
}
.cbi-dropdown[open]>ul.dropdown>li.focus {
	background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%)
}
.cbi-dropdown[open]>ul.dropdown>li:last-child {
	margin-bottom: 0;
	border-bottom: none
}
.cbi-dropdown[disabled] {
	pointer-events: none;
	opacity: .6
}
.cbi-dropdown .zonebadge {
	width: 100%
}
.cbi-dropdown[open] .zonebadge {
	width: 100%
}
.cbi-dropdown {
	font-size: .875rem;
	transition: all .15s ease-in-out;
	line-height: 1.5;
	height: calc(2.75rem + 2px);
	padding: 0m;
	color: #8898aa;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: 0 3px 2px rgba(233,236,239,0.05);
	margin: .25rem
}
.cbi-value-field .cbi-dropdown {
	min-width: 20rem
}
.cbi-value-field .cbi-dropdown .zonebadge>.ifacebadge {
	padding: 0rem 1rem;
	margin: 0 .3rem;
	border: 1px solid #6C6C6C
}
select[multiple="multiple"] {
	height: auto
}
.cbi-dropdown>ul {
	margin: 0 !important;
	padding: 0;
	list-style: none;
	overflow-x: hidden;
	overflow-y: hidden;
	display: flex;
	width: 100%
}
.cbi-section>legend {
	display: none !important
}
.cbi-section-remove:nth-of-type(2n), .cbi-section-node:nth-of-type(2n) {
	background-color: #f9f9f9
}
.cbi-section-node-tabbed {
	padding: 0;
	margin-top: 0
}
.cbi-section-node {
	background: #fff;
	border: 0;
	border-radius: .375rem;
	margin-bottom: 0px;
	box-shadow: 0 0 0 0 rgba(136,152,170,0.15);
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0rem 0
}
#cbi-network-lan.cbi-section-node {
	overflow-x: visible;
	overflow-y: visible
}
.cbi-section-node .cbi-value {
	padding: .3rem 1rem .3rem 1rem
}
.cbi-tabcontainer>.cbi-value:nth-of-type(2n) {
	background-color: #f9f9f9
}
.cbi-value-field, .cbi-value-description {
	display: table-cell;
	line-height: 1.6;
	font-size: .875rem
}
.cbi-value-helpicon>img {
	display: none
}
.cbi-value-helpicon:before {
	content: "\f059"
}
.cbi-value-description {
	font-size: small;
	opacity: .5;
	padding: .5rem
}
.cbi-value-title {
	word-wrap: break-word;
	font-size: .875rem;
	line-height: 1.6;
	color: #525f7f;
	padding: .7rem;
	padding-left: 0;
	width: 23rem;
	float: left;
	text-align: right;
	display: table-cell
}
.cbi-value {
	padding: .3rem 1rem;
	display: inline-block;
	width: 100%
}
.cbi-section-table-descr>.cbi-section-table-cell, .cbi-section-table-titles>.cbi-section-table-cell {
	border: none
}
.cbi-rowstyle-1 {
	background-color: #fff
}
.cbi-rowstyle-2 {
	background-color: #fefefe
}
.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
	width: auto !important
}
.cbi-section-descr {
	padding: 1rem 1.5rem;
	font-size: .7rem;
	font-weight: 600;
	line-height: 1.5em;
	color: #525f7f
}
.cbi-map-descr {
	margin: 0 1.5rem 1rem 1.5rem;
	color: #32325d;
	font-size: small;
	line-height: 1.5em
}
.cbi-value input[type="password"], .cbi-value input[type="text"] {
	min-width: 20rem
}
input[type="checkbox"] {
	height: auto
}
.cbi-value-field .ifacebadge {
	display: inline-flex;
	border-bottom: 0 solid #CCCCCC;
	padding: .5rem 1rem;
	box-shadow: none
}
td>.ifacebadge {
	background-color: #F0F0F0;
	font-size: .9rem
}
.ifacebadge>img {
	float: right;
	margin: 0 .3rem
}
.cbi-input-textarea {
	width: 100%;
	border: 0;
	outline: none;
	min-height: 14rem;
	padding: .8rem;
	font-size: .8rem;
	font-family: "advancedtomato", Helvetica, Arial, sans-serif;
	color: black
}
#syslog {
	width: 100%;
	min-height: 15rem;
	padding: 1rem;
	line-height: 1.4em;
	font-size: small;
	color: #1e1e1e;
	border-radius: 0;
	background-color: #fff;
	border: none;
	outline: none
}
.ifacebadge {
	display: inline-flex;
	border-bottom: 0 solid #CCCCCC;
	padding: .5rem 1rem;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	background: #fff
}
td>.ifacebadge, .td>.ifacebadge {
	background-color: #e9ecef;
	font-size: .9rem;
	border-radius: .2rem
}
.ifacebadge>em, .ifacebadge>img {
	display: inline-block;
	margin: 0 .3rem;
	align-self: flex-start
}
.ifacebadge span {
	line-height: 1.6em
}
.network-status-table {
	display: flex;
	flex-wrap: wrap
}
.network-status-table .ifacebox {
	margin: 1rem;
	flex-grow: 1
}
.network-status-table .ifacebox-body {
	display: flex;
	flex-direction: column;
	height: 100%
}
.network-status-table .ifacebox-body>span {
	flex: 10 10 auto;
	height: 100%;
	line-height: 1.7em;
	padding-left: 2rem;
	padding-top: .5rem;
	padding-bottom: .5rem
}
.network-status-table .ifacebox-body>div {
	display: flex;
	flex-wrap: wrap
}
.network-status-table .ifacebox-body .ifacebadge {
	flex: 1 1 auto;
	margin: 0;
	padding: .5em;
	min-width: 220px;
	background-color: #fff;
	align-items: center
}
.ifacebox {
	border: 1px solid #ccc;
	border-radius: .375rem;
	background-color: #f9f9f9;
	display: inline-flex;
	flex-direction: column;
	line-height: 1.2em;
	min-width: 100px;
	overflow: hidden
}
.ifacebox-head {
	padding: 1rem;
	background: #eee
}
.ifacebox-head.active {
	background: #fe7a00;
	color: #fff
}
.ifacebox-body {
	padding: .5em
}
.cbi-image-button {
	margin-left: .5rem
}
#iwsvg, #iwsvg2, #bwsvg {
	border: none !important;
	border-radius: .375rem;
	box-shadow: 0 0 2rem 0 rgba(136,152,170,0.15);
	overflow: hidden
}
.cbi-image-button {
	margin-left: .5rem
}
.zonebadge {
	padding: .2rem .5rem;
	display: inline-block;
	cursor: pointer
}
.zonebadge>.ifacebadge {
	padding: .2rem 1rem;
	margin: .3rem;
	border: 1px solid #6C6C6C
}
.zonebadge>input[type="text"] {
	padding: .16rem 1rem;
	min-width: 10rem;
	margin-top: .3rem
}
.cbi-value-field .cbi-input-checkbox, .cbi-value-field .cbi-input-radio {
	margin: .9rem .25rem 0 .25rem;
	height: 1rem;
	line-height: 1.6
}
.cbi-input-checkbox {
	margin: .9rem .25rem 0 .25rem
}
.cbi-value-field .cbi-input-radio {
	margin: 0 .25rem
}
.cbi-value-field>input+.cbi-value-description {
	padding: 0
}
.cbi-value-field>ul>li {
	display: flex;
	align-items: center;
	font-size: .875rem
}
.cbi-value-field>ul>li .ifacebadge {
	font-size: .875rem;
	background-color: #eee;
	display: flex;
	align-items: center;
	margin-left: 0rem;
	margin-top: 0rem
}
.cbi-section-table-row>.cbi-value-field .cbi-input-select {
	min-width: 7rem
}
.cbi-section-create>.cbi-button-add {
	margin: .5rem .5rem .5rem .5rem
}
.cbi-section-remove {
	padding: .5rem
}
div.cbi-value var, td.cbi-value-field var {
	font-style: italic;
	color: #0069D6
}
small {
	font-size: 90%;
	white-space: normal;
	line-height: 1.42857143
}
.cbi-optionals {
	padding: 1rem 1rem 0 1rem;
	border-top: 1px solid #CCC
}
input[name="ping"], input[name="traceroute"], input[name="nslookup"] {
	width: 80%
}
.label {
	padding: .3rem .8rem;
	font-size: .8rem;
	font-weight: bold;
	color: #fff !important;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #32325d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none;
	text-decoration: none
}
.node-status-overview>.main fieldset:nth-child(4) td:nth-child(2) {
	white-space: normal
}
.node-status-overview>.main #wan4_i, .node-status-overview>.main #wan6_i {
	width: 80px !important
}
.node-status-processes>.main table tr td:nth-child(3) {
	white-space: normal
}
.node-system-reboot>.main>.main-right p, .node-system-reboot>.main>.main-right h3 {
	padding-left: 2rem;
	color: #fff
}
.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-title {
	margin-bottom: 1rem;
	width: auto
}
.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-field {
	display: list-item
}
.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-description {
	padding-top: 1rem
}
.node-system-packages>.main table tr td:nth-child(1) {
	width: auto !important
}
.node-system-packages>.main table tr td:nth-last-child(1) {
	white-space: normal;
	font-size: small;
	color: #404040
}
.node-system-packages>.main .cbi-tabmenu>li>a, .tabs>li>a {
	padding: .5rem .8rem
}
.node-system-packages>.main .cbi-value>pre {
	background-color: #eee;
	padding: .5rem;
	overflow: auto
}
.node-system-packages>.main .cbi-page-actions {
	padding: 1rem 0
}
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last {
	line-height: 1.8em
}
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] {
	border: 1px solid #999999 !important;
	width: 100% !important;
	background-color: #fff !important;
	height: 1.4rem !important;
	border-radius: .25rem;
	margin: .5rem 0;
	overflow: hidden
}
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] div {
	border-right: 0 !important;
	background-color: #fe7a00 !important;
}
.node-system-leds .cbi-section em {
	display: block
}
.cbi-tabmenu+.cbi-section {
	margin-top: 0
}
.cbi-section {
	background: #fff;
	border: 0;
	border-radius: .375rem;
	box-shadow: 0 0 2rem 0 rgba(136,152,170,0.15);
	overflow-x: auto;
	overflow-y: hidden
}
.cbi-section em {
	padding: .75rem 1.5rem;
	font-size: .7rem;
	font-weight: 600;
	color: #525f7f;
	text-align: center
}
.cbi-section h4 {
	padding: .75rem 1.5rem;
	font-size: .7rem;
	font-weight: 600;
	color: #525f7f
}
#content_syslog {
	border-radius: .375rem;
	box-shadow: 0 0 2rem 0 rgba(136,152,170,0.15);
	overflow: hidden
}
.node-system-packages .cbi-section-node .cbi-value {
	padding: .5rem 1rem;
	font-size: .875rem
}
.node-system-packages br {
	display: none
}
.node-network-firewall>.main .cbi-section-table-row>.cbi-value-field .cbi-input-select {
	min-width: 4rem
}
.node-network-firewall .cbi-section-table {
	width: 100% !important
}
.node-status-iptables fieldset, .node-system-packages fieldset, .node-system-flashops fieldset {
	margin-top: 0
}
.node-status-iptables .cbi-tabmenu, .node-system-packages .cbi-tabmenu, .node-system-flashops .cbi-tabmenu {
	border: none
}
.node-system-flashops form.inline+form.inline {
	margin-left: 0
}
.Changes .cbi-section {
	font-size: .875rem;
	padding: 1rem
}
.node-network-diagnostics {
	font-size: .875rem
}
.node-network-diagnostics #diag-rc-output {
	display: block;
	padding: 1rem
}
.node-network-diagnostics #diag-rc-output pre {
	font-size: .875rem
}
.node-network-diagnostics .cbi-section div {
	padding: 0 1.5rem
}
.node-network-diagnostics input {
	margin: .25rem !important
}
#detail-bubble.in {
	z-index: 500
}
#detail-bubble {
		position: absolute;
		opacity: 0;
		visibility: hidden;
	}

	#detail-bubble.in {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.5s;
	}

	#detail-bubble > div {
		border: 1px solid #ccc;
		border-radius: 2px;
		padding: 5px;
		background: #fcfcfc;
	}

	#detail-bubble .head {
		text-align: center;
		white-space: nowrap;
		position: relative;
	}

	#detail-bubble .head .dismiss {
		top: 0;
		right: 0;
		width: 20px;
		line-height: 20px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000;
		position: absolute;
		font-size: 20px;
	}

	#detail-bubble .pie {
		width: 100px;
		margin: 5px;
	}

	#detail-bubble .kpi {
		margin: 40px 5px 5px;
		font-size: smaller;
		text-align: left;
	}

	#detail-bubble .kpi ul {
		margin: 0;
	}

	#bubble-arrow {
		border: 1px solid #ccc;
		border-width: 1px 0 0 1px;
		background: #fcfcfc;
		width: 15px;
		height: 15px;
		position: absolute;
		left: 0;
		top: -8px;
		transform: rotate(45deg);
		margin: 0 0 0 -8px;
	}
.node-nlbw-display .cbi-section ul {
	padding: .875rem 1.5rem
}
.node-nlbw-backup form {
	margin-left: 1.5rem
}
.node-nas-usb_printer em {
	display: block
}

@media screen and (max-width:1600px) {
.cbi-value input[type="password"],
.cbi-value input[type="text"] {
        min-width: 25rem;
    }
    .cbi-value-field .cbi-input-select {
        min-width: 25rem;
    }
.main .main-left {
	width: calc(0% + 13rem)
}
.main .main-right {
	width: calc(100% - 13rem)
}
.cbi-button {
	font-size: .8rem
}
header>.container>.pull-right>* {
	top: .35rem
}
.label {
	padding: .2rem .6rem
}
.cbi-value-title {
	width: 15rem;
	padding-right: .6rem
}
fieldset {
	padding: 0
}
.cbi-input-textarea {
	font-size: small
}
.node-status-iptables>.main fieldset li>a {
	padding: .3rem .6rem
}
select {
	min-width: 15rem
}
}

@media screen and (max-width:1280px) {
.cbi-value input[type="password"],
.cbi-value input[type="text"] {
        min-width: 22rem;
    }
.cbi-value-field .cbi-input-select {
        min-width: 22rem;
    }
header>.container {
	margin-top: .25rem
}
.main .main-left {
	width: calc(0% + 13rem)
}
.main .main-right {
	width: calc(100% - 13rem)
}
.cbi-tabmenu li a, .tabs li a {
	padding: .2rem .5rem
}
.panel-title {
	font-size: 1.1rem;
	padding-bottom: 1rem
}
table {
	font-size: .7rem !important;
	width: 100% !important
}
.main .main-left .nav li, .main .main-left .nav li a, .main .main-left .nav .slide .menu {
	font-size: .9rem
}
.main .main-left .nav .slide .slide-menu li a {
	font-size: .7rem
}
}

@media screen and (min-width:600px) {
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar, ::-webkit-scrollbar-corner {
background:transparent
}
::-webkit-scrollbar-thumb {
background:#9e9e9e
}
::-webkit-scrollbar-thumb:hover {
background:#757575
}
::-webkit-scrollbar-thumb:active {
background:#424242
}
}

@media screen and (max-width:992px) {
.cbi-value input[type="password"],
.cbi-value input[type="text"] {
        min-width: 20rem;
    }
.cbi-value-field .cbi-input-select {
        min-width: 20rem;
    }
.main .main-left {
	width: 0;
	position: fixed;
	z-index: 100
}
.main .main-right {
	width: 100%
}
.showSide {
	padding: .1rem;
	position: relative;
	display: inline-block
}
.showSide:hover {
	text-decoration: none
}
.showSide:before {
	content: "\e90d";
	font-size: 1.8rem
}
header>.fill>.container>.brand {
	display: inline-block
}


.cbi-value-title {
	width: 9rem;
	padding-right: 1rem
}
.node-network-diagnostics>.main .cbi-map fieldset>div * {
	width: 100% !important
}
.node-network-diagnostics>.main .cbi-map fieldset>div input[type="text"] {
	margin: 3rem 0 0 0 !important
}
.node-network-diagnostics>.main .cbi-map fieldset>div:nth-child(4) input[type="text"] {
	margin: 0 !important
}
.node-network-diagnostics>.main .cbi-map fieldset>div select, .node-network-diagnostics>.main .cbi-map fieldset>div input[type="button"] {
	margin: 1rem 0 0 0 !important
}
.node-network-diagnostics>.main .cbi-map fieldset>div {
	width: 100% !important
}
#diag-rc-output>pre {
	font-size: 1rem
}
}

@media screen and (max-width:480px) {
body {
	font-size: .8rem
}
.pull-right {
	float: right;
	margin-top: 0rem !important
}
.cbi-value input[type="password"],
.cbi-value input[type="text"] {
        min-width: 18rem;
    }
.cbi-value-field .cbi-input-select {
        min-width: 18rem;
    }

fieldset {
	padding: 0;
	margin: 1rem 0 0 0
}
.tabs {
	margin: .5rem 0
}
.toggle {
	margin: 0
}
h2 {
	font-size: 1.125rem
}
.panel-title {
	font-size: 1rem;
	padding-bottom: 1rem
}
#maincontent>.container {
	margin: 0 1rem 1.5rem 1rem
}
.main>.main-left>.nav>.slide>.menu {
	font-size: 1rem
}
.main>.main-left>.nav>.slide>.slide-menu>li>a {
	font-size: .9rem
}
.main>.main-left>.nav>.slide>.menu:after {
	top: .9rem
}
#ethinfo td {
	padding: .75rem .2rem !important
}
.cbi-value {
        padding: 0.6em 0em;
    }
.cbi-value-title {
	width: 100%;
	min-width: 0rem !important;
	display: block;
	margin-top: .5rem;
	margin-bottom: .5rem;
	text-align: left;
	padding: 0 .25rem
}
.cbi-value input[type="password"], .cbi-value input[type="text"] {
	min-width: 15rem
}
select {
	width: 15rem;
	min-width: auto
}
.cbi-value>.cbi-value-field {
	display: inline-block
}
.cbi-value-field,
.cbi-value-description {
        width: 95%;
    }
	    .cbi-value-field .cbi-input-select {
        width: 95%;
        min-width: unset;
    }

    .cbi-value-field .cbi-input-textarea {
        width: 95% !important;
        min-width: unset;
    }

.cbi-value-field .cbi-input-checkbox, .cbi-value-field .cbi-input-radio {
	margin: 0 .25rem 0 .25rem;
	height: 1rem;
	line-height: 1.6
}
.cbi-page-actions>div>input {
	display: none
}
.tabs::-webkit-scrollbar, .cbi-tabmenu::-webkit-scrollbar {
width:0px;
height:0px
}
.tabs>li>a {
	font-size: .9rem
}
select, input {
	font-size: .9rem
}
.mobile-hide {
	display: none
}
.node-status-realtime table>tbody>tr>td, .node-status-realtime table>tfoot>tr>td, .node-status-realtime table>thead>tr>td {
	font-size: .8125rem;
	color: #525f7f;
	line-height: 1.4em;
	vertical-align: middle !important;
	padding: .8rem 0;
	border-top: 1px solid #ddd;
	width: auto;
	text-align: center
}
.node-system-packages>.main .cbi-value.cbi-value-last>div {
	width: 100% !important
}
.node-system-packages .cbi-section-node .cbi-value {
	padding: .3rem 1rem
}
.node-system-packages>.main .cbi-value .cbi-value-field input {
	width: 100%
}
.node-system-leds .cbi-section em {
	display: block
}
.node-status-iptables>.main div>.cbi-map>form {
	position: static !important;
	margin: 0 0 2rem 0;
	padding: 2rem;
	border: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	font-family: inherit;
	min-width: inherit;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: .375rem;
	background-color: #FFF;
	box-shadow: 0 0 2rem 0 rgba(136,152,170,0.15);
	-webkit-overflow-scrolling: touch
}
.node-status-iptables>.main div>.cbi-map>form input[type="submit"] {
	width: 100% !important;
	margin: 0
}
.node-status-iptables>.main div>.cbi-map>form input[type="submit"]+input[type="submit"] {
	margin-top: 1rem
}
.cbi-value input[type="text"]:has(+ img) {
width:10rem !important
}
.node-services-vssr .status-info {
	font-size: .75rem
}
.node-services-vssr .icon-con {
	margin-top: .4rem
}
.node-services-vssr .icon-con img {
	width: 2.3rem !important;
	height: auto
}
}
